//这里写element组件的公用样式集合
// input
.js_common_input {
  // xxxxx
  .el-input__inner {
    color: #fff;
    background-color: transparent;
  }
}

// input2
.js_common_input2 {
  // xxxxx
  .el-input__inner {
    color: #fff;
    border-radius: 20px !important;
    border-color: #2282bc !important;
  }
}

// select
.js_common_select {
  width: 100% !important;

  // xxxxx
  .el-select-dropdown.el-popper {
    background: linear-gradient(to bottom, #0a1f3d, #113468);
    border-color: #409eff;

    .el-select-dropdown__item {
      color: #fff;

      &.selected,
      &.hover {
        background: #409eff;
      }
    }
  }

  .popper__arrow {
    border-bottom-color: #409eff !important;
    border-top-color: #409eff !important;

    &::after {
      border-bottom-color: #0a1f3d !important;
      border-top-color: #113468 !important;
    }
  }

  .el-input__inner {
    color: #fff;
    background-color: transparent;
  }
}

// pagination
.js_common_fenyeqi {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: relative;

  .btn-prev,
  .btn-next {
    // border: 1px solid transparent;
    // background-clip: padding-box;
    // background-image: linear-gradient(to right, #2295C9, #2159A0);
    box-sizing: border-box;
    background: transparent;
    color: #fff;
    min-width: 28px;
    padding: 0;
    margin: 0 4px;
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    border-image: linear-gradient(to right, #2295c9, #2159a0) 1 1;

    &:disabled {
      color: #fff;
      background: transparent;
    }
  }

  .el-pager {
    .number,
    .more {
      border-width: 1px;
      border-style: solid;
      border-image: linear-gradient(to right, #2295c9, #2159a0) 1 1;
      min-width: 28px;
      box-sizing: border-box;
      background: transparent;
      color: #fff;
      margin: 0 4px;
      border-radius: 4px;

      &.active {
        background: linear-gradient(to right, #2295c9, #2159a0);
        border: none;
      }
    }

    .more {
      position: relative;
      border-radius: 4px;

      &::before {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
    }
  }

  .el-pagination__jump {
    color: #fff;
    font-size: 14px;
    margin-left: 10px;
    border-radius: 4px;

    .el-input {
      margin: 0 6px;

      .el-input__inner {
        background: transparent;
        color: #fff;
        border-image: linear-gradient(to right, #2295c9, #2159a0) 1 1 !important;
        background-color: transparent !important;
      }
    }
  }

  .el-pagination__sizes {
    .el-input__inner {
      border-image: linear-gradient(to right, #2295c9, #2159a0) 1 1 !important;
      background-color: transparent !important;
      color: #fff;
    }
  }
}

//button
.js_common_btn {
  background: linear-gradient(to right, #1f589e, #2384b5, #1f589e);
  border: none;

  span {
    color: #fff;
  }

  &:hover {
    opacity: 0.9;
  }
}

// 要给<el-pagination><所有的popper都可以 加上  popper-class="js_common_fenyeqi_popper" 属性
.js_common_fenyeqi_popper {
  background: linear-gradient(to bottom, #0a1f3d, #113468);
  border-color: #409eff;

  .el-select-dropdown__item {
    color: #fff;

    &.selected,
    &.hover {
      background: #409eff;
    }
  }

  .popper__arrow {
    border-bottom-color: #409eff !important;
    border-top-color: #409eff !important;

    &::after {
      border-bottom-color: #0a1f3d !important;
      border-top-color: #113468 !important;
    }
  }
}

//tree
.js_common_tree {
  background: inherit !important;

  .el-tree-node__label {
    color: #97a8be;
  }

  .el-tree-node__content:hover {
    background: rgba(46, 135, 193, 1) !important;

    .el-tree-node__label {
      color: #fff;
    }
  }

  .el-tree--highlight-current
    .el-tree-node.is-current
    > .el-tree-node__content {
    background: rgba(46, 135, 193, 1) !important;
  }

  .el-tree-node.is-current > .el-tree-node__content {
    background: rgba(46, 135, 193, 1) !important;

    .el-tree-node__label {
      color: #fff;
    }
  }

  .el-tree--highlight-current
    .el-tree-node.is-current
    > .el-tree-node__content {
    background: rgba(46, 135, 193, 1) !important;
  }

  .el-tree-node:focus > .el-tree-node__content {
    background: inherit;
  }
}

//解决scrollbar白边
.el-scrollbar-bai {
  width: 100%;
  height: 100%;

  .el-scrollbar__wrap {
    height: 100%;
    overflow-x: hidden;
  }
}

// 弹窗样式01
.jk_common_dialog01 {
  background: #0c2449;

  .el-dialog__header {
    padding: 20px;
    background: linear-gradient(to right, #133e7b, #123d7a, #11366a);

    .el-dialog__title {
      color: #fff;
    }
  }

  .el-dialog__body {
    padding: 20px;
  }

  .el-dialog__footer {
    padding: 0 20px 20px;

    .btns_wrap {
      display: flex;
      justify-content: flex-end;

      .sure_btn {
        cursor: pointer;
        width: 66px;
        height: 30px;
        text-align: center;
        line-height: 30px;
        color: #fff;
        background: linear-gradient(to right, #20579f, #2788c0, #20579f);

        &:hover {
          opacity: 0.9;
        }
      }
    }
  }
}

// 时间选择器
.jk_common_date_picker {
  background: transparent;
  width: 100% !important;

  .el-range-input {
    background: transparent !important;
    color: #cbcbcb;
  }

  .el-range-separator {
    color: #cbcbcb;
  }

  .el-picker-panel {
    border-color: #409eff;
  }

  .el-picker-panel__body-wrapper {
    background: linear-gradient(to bottom, #0a1f3d, #113468);
  }

  .popper__arrow {
    border-bottom-color: #409eff !important;
    border-top-color: #409eff !important;

    &::after {
      border-bottom-color: #0a1f3d !important;
      border-top-color: #113468 !important;
    }
  }

  .el-date-table th {
    border-bottom-color: #409eff !important;
  }

  .el-date-range-picker__content.is-left {
    border-right-color: #409eff !important;
  }

  .el-date-range-picker__header div,
  .el-date-table th {
    color: #fff;
  }

  .el-date-table td.next-month,
  .el-date-table td.prev-month {
    color: #a6a8ac;
  }

  .el-picker-panel {
    color: #fff;
  }

  .el-date-table td.in-range div {
    background: #2e87c1;
  }
}

// 首页大屏的表格样式
.jk_common_table000 {
  height: 100%;
  background: inherit !important;

  .el-icon-arrow-right {
    color: #fff !important;
  }

  &::before {
    background-color: transparent !important;
  }

  th.gutter {
    background-color: transparent;
  }

  .el-table--border::after {
    width: 0px;
  }

  .el-table__header-wrapper {
    .el-table__header {
      tr {
        background: rgba(51, 69, 112, 0.5);

        th {
          background: rgba(51, 69, 112, 0.5);
          color: #91c5ff;
          border-bottom-color: transparent;
          border-right-color: transparent;
        }
      }
    }
  }
  .el-table__header,
  .el-table__body,
  .el-table__footer {
    width: 100% !important;
  }
  .el-table__header colgroup col[name="gutter"] {
    width: 8px !important;
  }

  .el-table__body-wrapper {
    box-sizing: border-box;
    .el-table__body {
      width: 100% !important;

      .el-table__row {
        &:nth-child(odd) {
          background: rgba(31, 46, 73, 0.3) !important;
        }
        background: rgba(31, 46, 73, 0.7) !important;
        .el-table__cell {
          color: #91c5ff;
        }
        td {
          border-bottom-color: transparent;
          border-right-color: transparent;
        }
      }
    }
  }

  tbody tr:hover > td {
    background-color: transparent !important;
  }

  // 滚动条的宽度
  .el-table__body-wrapper::-webkit-scrollbar {
    width: 8px; // 横向滚动条
    height: 8px;
    // height: 100%; // 纵向滚动条 必写
  }

  // 滚动条的滑块
  .el-table__body-wrapper::-webkit-scrollbar-thumb {
    background-color: #185a85;
    border-radius: 3px;
  }

  .el-table__body-wrapper::-webkit-scrollbar-track {
    background-color: #0d2447;
  }

  .el-table__body-wrapper::-webkit-scrollbar-corner {
    background-color: #0d2447;
  }

  .el-table__fixed-right {
    border-bottom: none;
  }
}

// 表头渐变 表格镂空透明
.jk_common_table001 {
  height: 100% !important;
  background: transparent !important;
  border: 1px solid #338cb8 !important;

  .el-icon-arrow-right {
    color: #fff !important;
  }
  .el-table-column--selection .cell {
    padding: 0 !important;

    .el-checkbox {
      .el-checkbox__input {
        .el-checkbox__inner {
          border-width: 2px !important;
          border-color: #fff !important;
          background-color: transparent !important;
        }

        &.is-checked {
          .el-checkbox__inner {
            border-color: #2892d1 !important;

            &::after {
              height: 6px !important;
              left: 3px !important;
              top: 0 !important;
              border-width: 2px !important;
              border-color: #59b5de !important;
            }
          }
        }

        &.is-indeterminate {
          .el-checkbox__inner {
            border-color: #2892d1 !important;

            &::before {
              height: 3px !important;
              background-color: #2892d1 !important;
              top: 4px !important;
            }
          }
        }
      }
    }
  }

  &::before {
    background-color: transparent !important;
  }

  th.gutter {
    background-color: transparent !important;
  }

  .el-table--border::after {
    width: 0px !important;
  }

  .el-table__header-wrapper {
    background: #194480 !important;
  }

  .el-table__header,
  .el-table__body,
  .el-table__footer {
    width: 100% !important;
  }
  .el-table__header colgroup col[name="gutter"] {
    width: 8px !important;
  }

  .el-table__header-wrapper {
    .el-table__header {
      tr {
        background: linear-gradient(
          to right,
          #183d72,
          #195f89,
          #183d72
        ) !important;

        th {
          background-color: transparent !important;
          color: #fff !important;
          border-bottom-color: #194480 !important;
          border-right-color: transparent !important;
        }
      }
    }
  }

  .el-table__body-wrapper {
    box-sizing: border-box !important;
    border: 1px solid #194480 !important;

    .el-table__body {
      width: 100% !important;

      .el-table__row {
        .el-table__cell {
          color: #fff !important;
        }

        background-color: transparent !important;

        td {
          border-bottom-color: #194480 !important;
          border-right-color: transparent !important;
        }
      }
    }
  }

  tbody tr:hover > td {
    background-color: transparent !important;
  }

  // 滚动条的宽度
  .el-table__body-wrapper::-webkit-scrollbar {
    width: 8px !important; // 横向滚动条
    height: 8px !important;
    // height: 100%; // 纵向滚动条 必写
  }

  // 滚动条的滑块
  .el-table__body-wrapper::-webkit-scrollbar-thumb {
    background-color: #185a85 !important;
    border-radius: 3px !important;
  }

  .el-table__body-wrapper::-webkit-scrollbar-track {
    background-color: #0d2447 !important;
  }

  .el-table__body-wrapper::-webkit-scrollbar-corner {
    background-color: #0d2447 !important;
  }

  .el-table__fixed-right {
    border-bottom: none !important;
  }
}

// 表头表格都渐变
.jk_common_table002 {
  height: 100%;
  background: inherit !important;
  border: 1px solid #338cb8 !important;

  .el-icon-arrow-right {
    color: #fff !important;
  }

  &::before {
    background-color: transparent;
  }

  th.gutter {
    background-color: transparent;
  }

  .el-table__header,
  .el-table__body,
  .el-table__footer {
    width: 100% !important;
  }
  .el-table__header colgroup col[name="gutter"] {
    width: 8px !important;
  }

  .el-table--border::after {
    width: 0px;
  }

  .el-table-column--selection .cell {
    padding: 0 !important;

    .el-checkbox {
      .el-checkbox__input {
        .el-checkbox__inner {
          border-width: 2px;
          border-color: #fff;
          background-color: transparent;
        }

        &.is-checked {
          .el-checkbox__inner {
            border-color: #2892d1;

            &::after {
              height: 6px;
              left: 3px;
              top: 0;
              border-width: 2px;
              border-color: #59b5de;
            }
          }
        }

        &.is-indeterminate {
          .el-checkbox__inner {
            border-color: #2892d1;

            &::before {
              height: 3px;
              background-color: #2892d1;
              top: 4px;
            }
          }
        }
      }
    }
  }

  .el-table__header-wrapper {
    background: linear-gradient(to right, #163d71, #185a85, #163d71);
  }

  .el-table__header-wrapper {
    .el-table__header {
      tr {
        background: linear-gradient(to right, #163d71, #185a85, #163d71);

        th {
          background-color: transparent;
          color: #fff;
          border-bottom-color: #175885;
          border-right-color: transparent;
        }
      }
    }
  }

  .el-table__body-wrapper {
    box-sizing: border-box;
    border: 1px solid #175885;

    .el-table__body {
      width: 100% !important;

      .el-table__row {
        .el-table__cell {
          color: #fff;
        }

        background: linear-gradient(to right, #12315e, #154173, #12315e);

        td {
          border-bottom-color: #175885;
          border-right-color: transparent;
        }
      }
    }
  }

  tbody tr:hover > td {
    background-color: transparent !important;
  }

  // 滚动条的宽度
  .el-table__body-wrapper::-webkit-scrollbar {
    width: 8px; // 横向滚动条
    height: 8px;
    // height: 100%; // 纵向滚动条 必写
  }

  // 滚动条的滑块
  .el-table__body-wrapper::-webkit-scrollbar-thumb {
    background-color: #185a85;
    border-radius: 3px;
  }

  .el-table__body-wrapper::-webkit-scrollbar-track {
    background-color: #0d2447;
  }

  .el-table__body-wrapper::-webkit-scrollbar-corner {
    background-color: #0d2447;
  }

  .el-table__fixed-right {
    border-bottom: none;
  }
}

// 表头渐变 表格镂空透明 ---有边框竖线
.jk_common_table003 {
  height: 100%;
  background: inherit !important;
  border: 1px solid #338cb8 !important;

  .el-icon-arrow-right {
    color: #fff !important;
  }

  &::after {
    width: 0 !important;
  }

  &::before {
    background-color: transparent !important;
  }

  th.gutter {
    background-color: transparent !important;
  }

  .el-table--border::after {
    width: 0px !important;
  }

  .el-table__header,
  .el-table__body,
  .el-table__footer {
    width: 100% !important;
  }
  .el-table__header colgroup col[name="gutter"] {
    width: 8px !important;
  }

  .el-table-column--selection .cell {
    padding: 0 !important;

    .el-checkbox {
      .el-checkbox__input {
        .el-checkbox__inner {
          border-width: 2px !important;
          border-color: #fff !important;
          background-color: transparent !important;
        }

        &.is-checked {
          .el-checkbox__inner {
            border-color: #2892d1 !important;

            &::after {
              height: 6px !important;
              left: 3px !important;
              top: 0 !important;
              border-width: 2px !important;
              border-color: #59b5de !important;
            }
          }
        }

        &.is-indeterminate {
          .el-checkbox__inner {
            border-color: #2892d1 !important;

            &::before {
              height: 3px !important;
              background-color: #2892d1 !important;
              top: 4px !important;
            }
          }
        }
      }
    }
  }

  .el-table__header-wrapper {
    background: linear-gradient(to right, #163d71, #185a85, #163d71) !important;
  }

  .el-table__header-wrapper {
    .el-table__header {
      tr {
        background: linear-gradient(
          to right,
          #163d71,
          #185a85,
          #163d71
        ) !important;

        th {
          background-color: transparent !important;
          color: #fff !important;
          border-bottom-color: #175885 !important;
          border-right-color: #1d589b !important;
        }
      }
    }
  }

  .el-table__body-wrapper {
    box-sizing: border-box !important;

    // border: 1px solid #175885;
    .el-table__body {
      width: 100% !important;

      .el-table__row {
        .el-table__cell {
          color: #fff !important;
          border-right: 1px solid #1d589b !important;
        }

        background: transparent !important;

        td {
          border-bottom-color: #175885 !important;
          border-right-color: transparent !important;
        }
      }
    }
  }

  tbody tr:hover > td {
    background-color: transparent !important;
  }

  // 滚动条的宽度
  .el-table__body-wrapper::-webkit-scrollbar {
    width: 8px !important; // 横向滚动条
    height: 8px !important;
    // height: 100%; // 纵向滚动条 必写
  }

  // 滚动条的滑块
  .el-table__body-wrapper::-webkit-scrollbar-thumb {
    background-color: #185a85 !important;
    border-radius: 3px !important;
  }

  .el-table__body-wrapper::-webkit-scrollbar-track {
    background-color: #0d2447 !important;
  }

  .el-table__body-wrapper::-webkit-scrollbar-corner {
    background-color: #0d2447 !important;
  }

  .el-table__fixed-right {
    border-bottom: none !important;
  }
}

// 表头表格 都镂空
.jk_common_table004 {
  height: 100%;
  background: inherit !important;
  border: 1px solid #338cb8 !important;

  .el-icon-arrow-right {
    color: #fff !important;
  }

  &::after {
    width: 0 !important;
  }

  &::before {
    background-color: transparent !important;
  }

  th.gutter {
    background-color: transparent !important;
  }

  .el-table--border::after {
    width: 0px !important;
  }

  .el-table-column--selection .cell {
    padding: 0 !important;

    .el-checkbox {
      .el-checkbox__input {
        .el-checkbox__inner {
          border-width: 2px !important;
          border-color: #fff !important;
          background-color: transparent !important;
        }

        &.is-checked {
          .el-checkbox__inner {
            border-color: #2892d1 !important;

            &::after {
              height: 6px !important;
              left: 3px !important;
              top: 0 !important;
              border-width: 2px !important;
              border-color: #59b5de !important;
            }
          }
        }

        &.is-indeterminate {
          .el-checkbox__inner {
            border-color: #2892d1 !important;

            &::before {
              height: 3px !important;
              background-color: #2892d1 !important;
              top: 4px !important;
            }
          }
        }
      }
    }
  }

  .el-table__header-wrapper {
    .el-table__header {
      tr {
        background: transparent !important;
        th {
          background-color: transparent !important;
          color: #fff !important;
          border-color: #2e82af !important;
        }
      }
    }
  }
  .el-table__header,
  .el-table__body,
  .el-table__footer {
    width: 100% !important;
  }
  .el-table__header colgroup col[name="gutter"] {
    width: 8px !important;
  }

  .el-table__body-wrapper {
    .el-table__body {
      width: 100% !important;

      .el-table__row {
        .el-table__cell {
          color: #fff !important;
        }

        background: transparent !important;

        td {
          border-color: #2e82af !important;
        }
      }
    }
  }

  tbody tr:hover > td {
    background-color: transparent !important;
  }

  // 滚动条的宽度
  .el-table__body-wrapper::-webkit-scrollbar {
    width: 8px !important; // 横向滚动条
    height: 8px !important;
    // height: 100%; // 纵向滚动条 必写
  }

  // 滚动条的滑块
  .el-table__body-wrapper::-webkit-scrollbar-thumb {
    background-color: #185a85 !important;
    border-radius: 3px !important;
  }

  .el-table__body-wrapper::-webkit-scrollbar-track {
    background-color: #0d2447 !important;
  }

  .el-table__body-wrapper::-webkit-scrollbar-corner {
    background-color: #0d2447 !important;
  }

  .el-table__fixed-right {
    border-bottom: none !important;
  }
}

// 边框为深蓝的input
.jk_common_input000 {
  .el-input__inner {
    color: #91c5ff;
    background-color: transparent;
    border-width: 2px !important;
    border-color: #2d3c67 !important;
  }
}

// 边框为深蓝的select
.jk_common_select000 {
  width: 100% !important;
  .el-select-dropdown.el-popper {
    background: linear-gradient(to bottom, #0a1f3d, #113468);
    border-color: #409eff;

    .el-select-dropdown__item {
      color: #fff;

      &.selected,
      &.hover {
        background: #409eff;
      }
    }
  }

  .popper__arrow {
    border-bottom-color: #409eff !important;
    border-top-color: #409eff !important;

    &::after {
      border-bottom-color: #0a1f3d !important;
      border-top-color: #113468 !important;
    }
  }

  .el-input__inner {
    color: #91c5ff;
    border-width: 2px !important;
    border-color: #2d3c67 !important;
    background-color: transparent !important;
  }
}

// 边框为深蓝色的picker
.jk_common_date_picker000 {
  &.el-date-editor.el-range-editor.el-input__inner {
    background: transparent;
    width: 100% !important;
    border-width: 2px !important;
    border-color: #2d3c67 !important;
  }

  .el-range-input {
    background: transparent !important;
    color: #91c5ff !important;
  }

  .el-range-separator {
    color: #cbcbcb;
  }

  .el-picker-panel {
    border-color: #409eff;
  }

  .el-picker-panel__body-wrapper {
    background: linear-gradient(to bottom, #0a1f3d, #113468);
  }

  .popper__arrow {
    border-bottom-color: #409eff !important;
    border-top-color: #409eff !important;

    &::after {
      border-bottom-color: #0a1f3d !important;
      border-top-color: #113468 !important;
    }
  }

  .el-date-table th {
    border-bottom-color: #409eff !important;
  }

  .el-date-range-picker__content.is-left {
    border-right-color: #409eff !important;
  }

  .el-date-range-picker__header div,
  .el-date-table th {
    color: #fff;
  }

  .el-date-table td.next-month,
  .el-date-table td.prev-month {
    color: #a6a8ac;
  }

  .el-picker-panel {
    color: #fff;
  }

  .el-date-table td.in-range div {
    background: #2e87c1;
  }
}

// 边框为深蓝色的pagination
.jk_common_fenyeqi000 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: relative;

  .el-pagination__total {
    color: #91c5ff;
  }

  .btn-prev,
  .btn-next {
    box-sizing: border-box;
    background: transparent;
    color: #91c5ff;
    min-width: 28px;
    padding: 0;
    margin: 0 4px;
    border-radius: 4px;
    border: 1px solid #364775;

    &:disabled {
      color: #91c5ff;
      background: transparent;
    }
  }

  .el-pager {
    .number,
    .more {
      border: 1px solid #364775;
      min-width: 28px;
      box-sizing: border-box;
      background: transparent;
      color: #91c5ff;
      margin: 0 4px;
      border-radius: 4px;

      &.active {
        border-color: #2985ff;
        color: #fff;
      }
    }

    .more {
      position: relative;
      border-radius: 4px;

      &::before {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
    }
  }

  .el-pagination__jump {
    color: #91c5ff;
    font-size: 14px;
    margin-left: 10px;
    border-radius: 4px;

    .el-input {
      margin: 0 6px;

      .el-input__inner {
        color: #91c5ff;
        border: 1px solid #364775 !important;
        background: transparent !important;
      }
    }
  }

  .el-pagination__sizes {
    .el-input__inner {
      border: 1px solid #364775 !important;
      background-color: transparent !important;
      color: #91c5ff;
    }
  }
}

// 科技感的弹窗样式
.jk_common_dialog000 {
  background: rgba(5, 27, 54, 0.92) !important;
  border: 6px solid #2b537a;
  border-radius: 10px;
}

// 新tree的input组件
.jk_common_input000 {
  .el-input__inner {
    color: #fff;
    border-radius: 4px !important;
    border-color: #476cb3 !important;
  }
  .el-icon-search {
    color: #798aac;
    font-size: 16px;
    font-weight: 700;
  }
}

// 新树样式
.jk_common_tree000 {
  background: inherit !important;

  .el-tree-node__label {
    color: #e0efff;
  }

  .el-tree-node__content:hover {
    background: rgba(46, 135, 193, 1) !important;
  }

  .el-tree--highlight-current
    .el-tree-node.is-current
    > .el-tree-node__content {
    background: rgba(46, 135, 193, 1) !important;
  }

  .el-tree-node.is-current > .el-tree-node__content {
    background: rgba(46, 135, 193, 1) !important;

    .el-tree-node__label {
      color: #fff;
    }
  }

  .el-tree--highlight-current
    .el-tree-node.is-current
    > .el-tree-node__content {
    background: rgba(46, 135, 193, 1) !important;
  }

  .el-tree-node:focus > .el-tree-node__content {
    background: inherit;
  }
}

// 原来旧左侧树-组件化-样式统一-input
.jk_common_input001 {
  .el-input__inner {
    color: #fff;
    border-radius: 20px !important;
    border-color: #2282bc !important;
  }
  .el-icon-search {
    color: #2597ce;
    font-size: 16px;
    font-weight: 700;
  }
}

// 原来旧左侧树-组件化-样式统一-tree
.jk_common_tree001 {
  background: inherit !important;

  .el-tree-node__label {
    color: #cbcbcb;
  }

  .el-tree-node__content:hover {
    background: rgba(46, 135, 193, 1) !important;
  }

  .el-tree--highlight-current
    .el-tree-node.is-current
    > .el-tree-node__content {
    background: rgba(46, 135, 193, 1) !important;
  }

  .el-tree-node.is-current > .el-tree-node__content {
    background: rgba(46, 135, 193, 1) !important;

    .el-tree-node__label {
      color: #fff;
    }
  }

  .el-tree--highlight-current
    .el-tree-node.is-current
    > .el-tree-node__content {
    background: rgba(46, 135, 193, 1) !important;
  }

  .el-tree-node:focus > .el-tree-node__content {
    background: inherit;
  }
}
